function Tab(el,options = {}){
    this.el = document.querySelector(el)
    this.init();
}

Tab.prototype.init = function (){
    this.titleOver();
    // this.titleOut();
};

Tab.prototype.titleOver = function (){
    // 1获取自身标题
    let ulLiObjs = this.el.querySelectorAll('ul li')
    // 2遍历 
    ulLiObjs.forEach((item,i) => {
        // 3挨个绑定移入事件
    item.onmouseover = () =>{
// 3.1事件处理函数中，清除选中样式
this.el.querySelector('ul li.active').className = '';
// 3.2事件处理函数中-给当前移入的加
item.className = 'active';

this.el.querySelector('ol li.active').className = '';
this.el.querySelector(`ol li:nth-of-type(${i+1})`).className = 'active'

    }
    })
};
export default Tab;